<template>
  <div>
     <div>{{str}}</div>
     <br>
     <button @click.prevent="flip">翻转世界</button>
   </div>
</template>
 
<script>
export default {
 
  data() {
    return {
      str:'Hello,World'
    };
  },

  methods: {
  flip(){
    this.str=this.str.split('').reverse().join('')
    }
  }
};
</script>

<style scoped>
     
</style>
